<template>
  <div id="app">
    <div class="adds">
    <el-container>
      <el-header>
        <a class="a01" href="/#/Login">
        <span>登录   </span>
        
        <a class="a02" href="/#/ddtj">订单</a>
        </a>
        <button @click="Go">购物车</button>
      </el-header>
    </el-container>
    </div>
    <p></p>
    <a href="/">
      <img src="/Images/logo-mi.png" class="eee" alt="" />
    </a>
    <input
      type="text"
      class="abc"
      style="border: 0px; border-bottom: 1px solid"
    />
    <router-view> </router-view>
  </div>
</template>
<script>
export default {
  data(){
    return{}
  },
  methods:{
    Go(){
      this.$router.push("/ShopCar")
    }
  }
}
</script>
<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

#nav {
  padding: 30px;
}

#nav a {
  font-weight: bold;
  color: #2c3e50;
}

#nav a.router-link-exact-active {
  color: #42b983;
}
.eee {
  width: 50px;
  height: 50px;
  padding-right: 1350px;
}
.abc {
  color: lightgray;
  width: 2000px;
  text-align: center;
}
.adds{
  background-color: #333;
  color: darkgrey;
  text-align: center;
  height: 45px;
}
.a01{
  color: darkgrey;
  padding-left: 1100px;
}
.a02{
color: darkgrey;
}
</style>